<template>
  <el-table
    ref="table"
    :size="issize"
    border
    :header-cell-style="{ 'text-align': 'center', background: '#f5f5f5' }"
    v-bind="$attrs"
    v-on="$listeners"
    style="width: 100%"
    :data="tableData"
  >
    <template slot="empty">
      <el-empty description="暂无数据"></el-empty>
    </template>
    <el-table-column
      v-for="(item, index) in tableConfig"
      :key="index"
      :prop="item.prop"
      :label="item.label"
      :type="item.type"
      :sortable="item.sortable"
      :align="item.align"
      :width="item.width"
      :formatter="item.formatter"
    >
    </el-table-column>
    <template>
      <!-- 插槽 自定义按钮 -->
      <slot></slot>
    </template>
  </el-table>
</template>

<script>
export default {
  name: 'NtTable',
  props: {
    // 传入的表格配置项
    tableConfig: {
      type: Array,
      default: () => []
    },
    // 传入的表格数据
    tableData: {
      type: Array
    },
    // 传入的表格间距调节字段
    issize: {
      type: String,
      default: 'medium'
    }
  },
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped></style>
